// 分类
.catalog {
  // 检索框
  .search {
    width: 100%;
    height: .8rem;
    background: $maincolor;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: .1rem .2rem;
    box-sizing: border-box;
    input {
      // width: 100%;
      flex: 1;
      height: 100%;
      border-radius: .5rem;
      box-sizing: border-box;
      border: none;
      background: rgba(white, .6);
      border:1px solid rgba(239,239,239,.6);
      font-size: .28rem;
      color: white;
      padding-left: .7rem;
      padding-right: 1rem;
      outline: none;
    }
    ::-webkit-input-placeholder {
      color: white;
    }
    // 图标
    .search-icon {
      position: absolute;
      left: .4rem;
      top: 50%;
      transform: translateY(-50%);
      width: .38rem;
      height: .38rem;
      background: url(../assets/images/icon-search.png) center center no-repeat;
      background-size: 100%;
    }
    .clear-icon {
      position: absolute;
      right: .2rem;
      top: 50%;
      transform: translateY(-50%);
      width: .8rem;
      height: .5rem;
      background: url(../assets/images/icon-clean.png) center center no-repeat;
      background-size: .38rem;
    }
  }
  // content
  .content {
    display: flex;
    .right {
      background: #efefef;
      width: calc(100vw - 2rem);
      height: calc(100vh - 1.8rem);
      overflow-y: auto;
      // font-size: .4rem;
    }
  }

  // no-goods
  .no-goods {
    background: white;
    text-align: center;
    font-size: .3rem;
    color: #ccc;
    padding: 2rem 0;
  }
}
